<!DOCTYPE html>
<html>
	<head>
		<!-- 语义标签 -->
		<meta charset="utf-8" />
		<title>重庆理工11923040212-孙煜琳</title>
	</head>
	<body>
		<!-- 区块标签 -->
		<div style="border: solid gray 100px">！！！welcome！！！</div>
		<p>你好，欢迎来到<span style="color: red">前端世界</span>！</p>
		<p>我将给你带来<span style="color: red">不一样的体验</span>！</p>
		<p>======== 标题标签 ========</p>
		<h1>非常有趣的说！！！</h1>

		<!-- 标题标签 -->
		<h2>非常有趣的说！！！</h2>
		<h3>非常有趣的说！！！</h3>
		<h4>非常有趣的说！！！</h4>
		<h5>非常有趣的说！！！</h5>
		<h6>非常有趣的说！！！</h6>

		<!-- 超链接标签 -->
		<a href="https://gitee.com/yulinmeinv/cqut11923040212" target="_blank">我的git仓库</a>

		<!-- 图像标签 -->
		<p><img src="logo.png" alt="BrandLogo" /></p>

		<!-- 表单标签 -->
		<p>==== 表单标签 ====</p>
		<form action="/login" method="post">
			隐藏框：<input type="hidden" id="userId" /><br />
			单行文本框：<input type="text" name="userName" /><br />
			密码框：<input type="password" name="password" /><br />
			单选框：<input type="radio" name="sex" value="male" />Male
			<input type="radio" name="sex" value="female" />Female<br />
			复选框：<input type="checkbox" name="vehicle" value="Bike" />Bike
			<input type="checkbox" name="vehicle" value="Car" />Car<br />
			下拉框：<select name="cars">
				<option value="volvo">Volvo</option>
				<option value="saab">Saab</option>
				<option value="fiat">Fiat</option>
				<option value="audi">Audi</option></select
			><br />
			多行文本框：<textarea rows="3" cols="20"></textarea><br />
			文件选择框：<input type="file" name="img" /><br />
			按钮：
			<input type="button" value="注册" />
			<button type="reset">重置</button>
			<button type="submit">登陆</button>

			<p>---- Html5 新增类型 email、url、number、range、Date pickers、search、color、telephone ----</p>
			日期选择框：<input type="date" /><br />
			数值输入框：<input type="number" min="1" max="1000" step="10" value="100" /><br />
			邮件输入框：<input type="email" /><br />
		</form>

		<!-- 标签属性 -->
		<input type="text" name="username" required="required" />
		<input type="text" name="password" required />

		<input type="checkbox" name="memory" ckecked="ckecked" />
		<input type="checkbox" name="auto" ckecked />

		<input type="text" name="ID" disabled="disabled" />
		<input type="text" name="用户名" disabled />

		<input type="text" name="ID" readonly="readonly" />
		<input type="text" name="用户名" readonly />
	</body>
</html>
